.guidancebg{background: #fff url(../images/guidance.png) 50% 0 no-repeat;width:100%; margin:0 auto;  height:525px;}
.guidancearea{width:1200px;height:525px; margin:0 auto; position:relative;}
.guidancebg1{background: #fff;width:100%; margin:0 auto;  height:575px;}
.guidancearea1{width:1200px;height:575px; margin:0 auto; position:relative; text-align: center;}
.guidancearea1 h3{ text-align: center; font-size: 28px; color: #666;font-weight: 400;padding-top: 53px; } 
.guidancearea1 p{font-size: 18px; color: #333;padding-top: 50px; text-align: left;}
.guidancearea1 img{ text-align: center;margin-top: 46px;}
.guidancebg2{background: #F5F5F5;width:100%; margin:0 auto;  height:534px; text-align: center;}
.guidancebg2 i{ background:  url(../images/triangle.png) no-repeat; width: 65px; height: 25px; background-position:  -66px 0; display: inline-block;}
.guidancearea2{width:1200px;height:534px; margin:0 auto; position:relative;}
.guidancearea2 h3{ text-align: center; font-size: 28px; color: #666;font-weight: 400;padding-top: 53px; } 
.u-text{ margin-top: 60px;}
.u-text dl{ width: 240px; float: left;}
.u-text .fw120{ margin: 0 240px;}
.u-text dl dt{ text-align: center; width: 240px;}
.u-text dl dd{ font-size: 18px; color: #666;  width:259px;    text-align: center;}
.u-text dl dt i{ background: url(../images/guicon.png) no-repeat; width: 150px; height: 150px; display: block;margin: 0 auto;transition: transform 1s;}
.u-text dl dt i:hover{transform:rotateY(180Deg)}
.u-text dl dt .icon{ background-position:  0 0;}
.u-text dl dt .icon1{ background-position: -153px 0;}
.u-text dl dt .icon2{ background-position: -306px 0;}
.u-text dl .fw38px{font-size: 22px; color:#666666; padding-top: 22px;padding-bottom: 20px;}
.u-bg3{ background: #fff; width: 100%; margin: 0 auto;  height: 1379px; text-align: center;}
.u-bg3 .bgimg{ background:  url(../images/triangle.png) no-repeat; width: 65px; height: 25px; background-position:  0 0; display: inline-block;    margin-top: -1px;}
.u-area3{ width: 1200px; margin: 0 auto;height: 1264px; }
.u-area3 h3{ text-align: center; font-size: 28px; color: #666;font-weight: 400; padding-top: 53px;}
.u-area3 .u-left p{font-size: 18px;color: #666;line-height: 33px; padding: 0; color: #666666;}
.u-area3 i{ background: url(../images/guicon.png) no-repeat; display: inline-block;}
.u-area3 .u-icon{background-position: 0 -152px;width: 88px; height: 79px;}
.u-area3 .u-icon1{background-position:-92px -152px;width: 90px; height: 75px;}
.u-area3 .u-left{ width:543px; height: 200px; margin-top: 100px;}
.u-area3 .u-right-r{font-size: 18px; color: #fff; line-height: 34px;}
.u-area3 .u-left .u-left-l{ width:186px ; text-align: center; background: #fa8700;padding: 16px 0; border-top-left-radius:20px; border-bottom-left-radius:20px}
.u-area3 .u-left .u-left-l h5{ font-size: 22px; color: #fff;line-height: 55px;}
.u-area3 .u-left .u-right-r{ width:337px;background: #f5f5f5; color: #666666;  padding:20px 0 20px  20px; text-align: left;border-top-right-radius:20px; border-bottom-right-radius:20px}
.u-area3 .bg-orange .u-left-l{ background: #e62318; padding: 18px 0;}
.u-area3 .bg-orange .u-right-r{ background: #f5f5f5; padding: 36px 0 35px 20px;}
.u-area3 .u-bgimg{    padding-top: 30px;}
.u-area3 .u-bgimg h6{ font-size: 18px; color: #fa8700; text-align: left;font-weight: 400;}
.u-area3 .u-bgimg .f-red{ color: #e62318;padding-left: 11%;}
.u-area3 .u-bglef{ width: 50%;}
.u-area3 .u-bgright{ width: 50%;}
.u-area3 .f-text{font-size: 18px; color: #333;}
.u-area3 .friwl20{ margin-top: 37px}
.u-area3 .iconimg{ text-align: right; margin-bottom: 10px; margin-right: 31%;}
.u-bg4{ background: #f5f5f5;  width: 100%; margin: 0 auto;  height: 1200px;text-align: center;}
.u-area4{ width: 1200px; margin: 0 auto;height: 1200px; }
.u-area4 h3{ text-align: center; font-size: 28px; color: #666;font-weight: 400; padding-top: 52px; }
.ul_list{ position: relative;height: 90px;width: 919px;margin: 60px auto 0;}
.ul_list li { float: left;width:400px; padding: 25px 0 25px 5px; box-sizing: border-box;border-radius: 4px; overflow: hidden; }
.u-area4 .slide .back {height: 123px;width: 66px;background: url(../images/activity/left.png) no-repeat; margin-top: 290px; margin-right: 30px; cursor: pointer;}
.u-area4 .slide .forward { height: 123px; width: 66px;background: url(../images/activity/right.png) no-repeat;margin-top: 290px;margin-left: 30px;cursor: pointer;}
.u-area4 .slide .ease div {height: 730px;width: 970px;padding-top: 25px;}
.u-area4 .slide .ease { background: #FFFFFF; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06);height: 730px; width: 977px;overflow: hidden;}
.u-area4 .slide{ clear: both; overflow: hidden; margin-top: 60px;}
.ul_list i{ background: url(../images/guicon.png) no-repeat; display: inline-block;vertical-align: middle; margin-right: 6px;}
.ul_list  .icon{ width: 74px; height: 51px; background-position: -191px -209px;}
.ul_list  .icon1{ width: 74px;height: 54px;background-position: -276px -210px;}
.ul_list  .icon2{ width: 74px; height: 80px; background-position: -422px -157px; margin-top: -22px;}
.ul_list  p{ color: #ccc; font-size: 22px;text-align: left; padding-left: 5px;padding-top: 10px;}
.ul_list span{background:#ccc; width: 315px; height: 1px; display: inline-block;}
.ul_list .active  .icon{ width: 74px; height: 51px; background-position:-191px -154px;}
.ul_list .active  .icon1{ width: 74px;height: 56px;background-position: -276px -153px;}
.ul_list .active  .icon2{ width: 74px; height: 80px;background-position: -350px -153px;}
.ul_list .active p{ color: #e62318;}
.slide .list{display: none; text-align: center;}
.slide .active{display: block;}
.ul_list .tab-list:hover{ cursor:pointer}
.u-bg4 .bgimg{ background:  url(../images/triangle.png) no-repeat; width: 65px; height: 25px; background-position: -66px 0; display: inline-block;    margin-top: -1px;}




























